@extends('admin.main.layout')
@section('title', '产品价格列表')

@section('content')

<link rel="stylesheet" href="/assets/css/products.css?v=1">
<div class="row">
    <div class="col-md-12">
        <form id="comment-form" method="GET" action="{{ URL::current() }}">
            <div class="card">
                <div class="card-body">
                    <table class="table table-bordered text-center prices-table" style="background-color:#FFFFFF;">
                        <thead>
                            <tr>
                                <th scope="col" style="line-height: 100px;width: 200px;">功能权益</th>
                                <th scope="col">
                                    <h5 class="price-products-title">免费版</h5>
                                    <p class="price-products-descript">
                                        ¥<span>0.00</span>/月
                                    </p>
                                    <span class="price-btn-default" href="#">注册即得</span>
                                </th>
                                <th scope="col">
                                    <h5 class="price-products-title">基础版</h5>
                                    <p class="price-products-descript">
                                        ¥<span>99.9</span>/月
                                    </p>
                                    <a class="price-btn-primary" href="/admin/prices/products_lists_pay?version=1" target="_blank">立即购买</a>
                                </th>
                                <th scope="col">
                                    <h5 class="price-products-title">高级版</h5>
                                    <p class="price-products-descript">
                                        ¥<span>299.9</span>/月
                                    </p>
                                    <a class="price-btn-primary" href="/admin/prices/products_lists_pay?version=1" target="_blank">立即购买</a>
                                </th>
                                <th scope="col">
                                    <h5 class="price-products-title">旗舰版</h5>
                                    <p class="price-products-descript">
                                        ¥<span>599.9</span>/月
                                    </p>
                                    <a class="price-btn-primary" href="/admin/prices/products_lists_pay?version=1" target="_blank">立即购买</a>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>按月付费</th>
                                <td>¥0.00</td>
                                <td>¥99.9/月</td>
                                <td>¥299.9/月</td>
                                <td>¥599.9/月</td>
                            </tr>
                            <tr>
                                <th>按季付费(8.5折)</th>
                                <td>¥0.00</td>
                                <td>¥254.75/季</td>
                                <td>¥765.75/季</td>
                                <td>¥1529.74/季</td>
                            </tr>
                            <tr>
                                <th>按年付费(5.5折)</th>
                                <td>¥0.00</td>
                                <td>¥659.34/年</td>
                                <td>¥1979.34/年</td>
                                <td>¥3959.34/年</td>
                            </tr>
                            <tr>
                                <th colspan="5" style="text-align:center;background-color: #dde1e7;color: #444444;border-color: #dde1e7;">微信外链功能</th>
                            </tr>
                            <tr>
                                <th>外链数量</th>
                                <td>3个(一共)</td>
                                <td>3个(同时)</td>
                                <td>100个(同时)</td>
                                <td>200个(同时)</td>
                            </tr>
                            <tr>
                                <th>图文私信卡片</th>
                                <td>3个(测试)</td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td>100个(同时)</td>
                                <td>200个(同时)</td>
                            </tr>
                            <tr>
                                <th>专属微信客服</th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th>外链访问上限</th>
                                <td>100 UV/10分钟</td>
                                <td>5万 UV/链接/月</td>
                                <td>20万 UV/链接/月</td>
                                <td>50万 UV/链接/月</td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">推广公众号<i onclick="showDemo(1);" class="iconfont icon-shipin"></i></div></th>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"><span style="color: #999999;font-size:14px;margin-left: 5px;">需搭配独家小程序使用</span></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"><span style="color: #999999;font-size:14px;margin-left: 5px;">需搭配独家小程序使用</span></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"><span style="color: #999999;font-size:14px;margin-left: 5px;">需搭配独家小程序使用</span></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">推广小程序<i onclick="showDemo(5);" class="iconfont icon-shipin"></i></div></th>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">推广个人微信<i onclick="showDemo(8);" class="iconfont icon-shipin"></i></div></th>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">推广企业微信<i onclick="showDemo(9);" class="iconfont icon-shipin"></i></div></th>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">推广微信群<i onclick="showDemo(8);" class="iconfont icon-shipin"></i></div></th>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">推广视频号<i onclick="showDemo(11);" class="iconfont icon-shipin"></i></div></th>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">短链接</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">数据统计分析</div></th>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">各渠道统计</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">链接带参数跳转<a target="_blank" href="{{ url('/admin/documents/documents_detail/4') }}" class="member-orders-price-notice"><i class="iconfont icon-bangzhu"></i></a></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th>落地页制作</th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">绑定自有域名<a target="_blank" href="{{ url('/admin/documents/documents_detail/43') }}" class="member-orders-price-notice"><i class="iconfont icon-bangzhu"></i></a></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th>API/JS接入</th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th>去除底部版权</th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th colspan="5" style="text-align:center;background-color: #dde1e7;color: #444444;border-color: #dde1e7;">广告回传统计</th>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">企微成功加粉统计/回传</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"><span style="color: #999999;font-size:14px;margin-left: 5px;">前往 <a href="/admin/safe/safetip?type=3" target="_blank">多悦数据</a> 实现</span></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"><span style="color: #999999;font-size:14px;margin-left: 5px;">前往 <a href="/admin/safe/safetip?type=3" target="_blank">多悦数据</a> 实现</span></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">公众号成功关注统计/回传</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"><span style="color: #999999;font-size:14px;margin-left: 5px;">前往 <a href="/admin/safe/safetip?type=3" target="_blank">多悦数据</a> 实现</span></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"><span style="color: #999999;font-size:14px;margin-left: 5px;">前往 <a href="/admin/safe/safetip?type=3" target="_blank">多悦数据</a> 实现</span></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">个微成功加粉统计/回传</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"><span style="color: #999999;font-size:14px;margin-left: 5px;">前往 <a href="/admin/safe/safetip?type=3" target="_blank">多悦数据</a> 实现</span></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"><span style="color: #999999;font-size:14px;margin-left: 5px;">前往 <a href="/admin/safe/safetip?type=3" target="_blank">多悦数据</a> 实现</span></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">抖音广告数据回传</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">百度广告数据回传</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">VIVO营销数据回传</div></th>
                                 <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">OPPO营销数据回传</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">腾讯广告数据回传</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">快手广告数据回传</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">微博广告数据回传</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">广告JS/API回调</div></th>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td style="font-size:18px;" class="iconfont icon-wancheng text-success"></td>
                            </tr>
                            <tr>
                                <th colspan="5" style="text-align:center;background-color: #dde1e7;color: #444444;border-color: #dde1e7;">图文卡片功能</th>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">抖音消息卡片</div></th>
                                <td>仅测试</td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td>100个/每个20万 UV/月</td>
                                <td>200个/每个50万 UV/月</td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">微信图文卡片</div></th>
                                <td>仅测试</td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td>100个/每个20万 UV/月</td>
                                <td>200个/每个50万 UV/月</td>
                            </tr>
                            <tr>
                                <th><div class="prices-table-th">知乎图文卡片</div></th>
                                <td>仅测试</td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td>100个/每个20万 UV/月</td>
                                <td>200个/每个50万 UV/月</td>
                            </tr>
                            <tr>
                                <th colspan="5" style="text-align:center;background-color: #dde1e7;color: #444444;border-color: #dde1e7;">独家小程序价格</th>
                            </tr>
                            <tr>
                                <th>独家小程序</td>
                                <td style="font-size:18px;" class="iconfont icon-guanbi text-danger"></td>
                                <td><a target="_blank" href="{{ url('/admin/miniapps/miniapp_register') }}" class="member-orders-price-notice">自助免费上架</a> / <a href="/admin/prices/lease_mini" target="_blank">付押金租用</a></td>
                                <td><a target="_blank" href="{{ url('/admin/miniapps/miniapp_register') }}" class="member-orders-price-notice">自助免费上架</a> / <a href="/admin/prices/lease_mini" target="_blank">付押金租用</a></td>
                                <td><a target="_blank" href="{{ url('/admin/miniapps/miniapp_register') }}" class="member-orders-price-notice">自助免费上架</a> / <a href="/admin/prices/lease_mini" target="_blank">付押金租用</a></td>
                            </tr>
                            <tr>
                                <th>说明</th>
                                <td colspan="4">天天外链支持市面上您所能见到的所以推广链接方式。如果有问题请咨询<a href="javascript:;" onclick="getWechatService();">微信客服</a>。</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body" style="text-align: center;">
                <div style="width: 300px;height: 600px;padding: 15px 18px;background-image: url(https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/iphoneXclean.png);background-size: 300px 600px;margin: 0px  auto;box-sizing: border-box;"><img id="imgdemo" src="https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/gif/1.gif" style="height: 264px;height: 570px;margin: 0px auto;border-radius: 20px;"></div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    function showDemo(platfrom_type) {
        if (platfrom_type == 1) {
            $("#imgdemo").attr("src","https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/gif/1.gif");
        } else if(platfrom_type == 2 || platfrom_type == 3){
            $("#imgdemo").attr("src","https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/gif/2.gif");
        } else if(platfrom_type == 4 || platfrom_type == 5){
            $("#imgdemo").attr("src","https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/gif/4.gif");
        } else if(platfrom_type == 6){
            $("#imgdemo").attr("src","https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/gif/6.gif");
        } else if(platfrom_type == 7){
            $("#imgdemo").attr("src","https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/gif/7.gif");
        } else if(platfrom_type == 10){
            $("#imgdemo").attr("src","https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/gif/11.gif");
        } else if(platfrom_type == 8){
            $("#imgdemo").attr("src","https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/gif/8.gif");
        } else if(platfrom_type == 11){
            $("#imgdemo").attr("src","https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/gif/10.gif");
        } else if(platfrom_type == 9){
            $("#imgdemo").attr("src","https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/gif/9.gif");
        }
        $('#myModal').modal('toggle')
    }
</script>

@endsection
